<template>
  <div>
{{ msg }}
  </div>
  <p>{{ number +1 }}</p>
  <p>{{ ok?'yes':'no'}}</p>
  <p>{{ message.split("").reverse().join('') }}</p>
  <!-- 如这些就不可以 -->
  <!-- <p>{{ var a =10 }}</p> -->
  <!-- <p>{{ if(ok){return 10} }}</p> -->

  <!-- 原始Html -->
  <!-- v-html -->
  <p v-html="rawHtml"></p>
</template>

<script>
export default {
  setup () {
    const msg='生气的bb'
    const number =10
    const message='大家好'
    const rawHtml='<a href="https://www.baidu.com">百度</a>'
    return {
      msg,
      number,
      message,
      rawHtml

    }
  }
}
</script>

<style lang="scss" scoped>

</style>